<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>phatfusion: imageMenu</title>
</head>

<body>
<div class="container">
  <h1>phatfusion</h1>
  <h2>multiBox</h2>
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script> 
  <script type="text/javascript" src="lighter/Lighter.js"></script> 
  <script type="text/javascript" src="lighter/Fuel.css.js"></script> 
  <script type="text/javascript" src="lighter/Fuel.html.js"></script> 
  <script type="text/javascript" src="lighter/Fuel.js.js"></script> 
  <script type="text/javascript">
		window.addEvent('domready', function(){
			$$('code').light({
				altLines: 'hover',
				path: 'lighter/',
				mode: 'ol',
				fuel: 'js',
				indent: 4
			});
		});
	</script>
  <link rel="stylesheet" href="css/multibox.css" type="text/css" media="screen" />
  <!--[if IE 6]>
	<link rel="stylesheet" href="css/multibox-ie6.css" type="text/css" media="screen" />
	<![endif]--> 
  <script type="text/javascript" src="js/overlay.js"></script> 
  <script type="text/javascript" src="js/Assets.js"></script> 
  <script type="text/javascript" src="js/multibox.js"></script> 
  <script type="text/javascript">
	
		window.addEvent('domready', function(){
			var box = new multiBox('mb', {
				overlay: new overlay()
			});

			var advanced = new multiBox('advanced', {
				overlay: new overlay(),
				descClassName: 'advancedDesc'
			});
		});
	
	</script>
  <p class="version">version 1.3.2</p>
  <p class="description">lightbox that supports jpg, gif, png, flash, flv, mov, wmv, mp3, html, iframe</p>
  <h3>features</h3>
  <div>
    <ul>
      <li>supports a range of multimedia formats.</li>
      <li>auto detects format or you can specify the format.</li>
      <li>supports html descriptions.</li>
    </ul>
  </div>
  <h3>basic example</h3>
  <div id="basic"> <a href="img/img_5999.jpg"  title="牛 图………………库 标题"><img src="img/timg_5999.jpg" border="0"></a> <a href="img/img_6608.jpg" class="mb" title="example title b"><img src="img/timg_6608.jpg" border="0"></a> <a href="img/img_8054.jpg" class="mb" title="example title c"><img src="img/timg_8054.jpg" border="0"></a> </div>
  <h3>advanced example</h3>
  <div id="advanced"> <a href="img/img_8054.jpg" class="advanced" id="ad1" title="html description example"><img src="img/timg_8054.jpg" border="0"></a><br>
    <div class="advancedDesc ad1">This is an HTML description<br>
      photos by <a href="http://www.aaronbirchphotography.com">Aaron Birch</a></div>
    <a href="http://www.phatfusion.net/_common/img/demo/curly.flv" rel="width:400,height:300" class="advanced" title="flv example">flv example</a><br>
    <a href="http://www.phatfusion.net/_common/img/demo/curly.mov" rel="width:400,height:310" class="advanced" title="mov example">mov example</a><br>
    <a href="http://www.phatfusion.net/_common/img/demo/curly.wmv" rel="width:400,height:300" class="advanced" title="wmv example">wmv example</a><br>
    <a href="http://www.phatfusion.net/_common/img/demo/curly.rmvb" rel="width:400,height:300" class="advanced" title="real example">real example</a><br>
    <a href="http://www.phatfusion.net/_common/img/demo/music.mp3" class="advanced" title="mp3 example">mp3 example</a><br>
    <a href="http://www.phatfusion.net/_common/img/demo/blank.htm" rel="width:400,height:300" class="advanced" title="iFrame">iframe example</a><br>
    <a href="http://www.phatfusion.net/_common/img/demo/blank-ajax.htm" rel="width:400,height:300,ajax:true" class="advanced" title="AJAX">ajax example</a><br>
    <a href="#htmlElement" rel="type:element" class="advanced" title="HTML element">HTML element example</a><br>
    <div id="htmlElement">
      <p>This is a snipet of html.</p>
      <ul>
        <li>list item 1</li>
        <li>list item 2</li>
      </ul>
    </div>
  </div>


<div style="width:98%;margin:20px auto; padding:50px 0; clear:both; overflow:hidden;">
<p><strong><a href="http://%6A%73%2E%6E%69%75%74%75%6B%75%2E%63%6F%6D/" target="_blank">&#x725B;&#x56FE;&#x5E93;&#x6574;&#x7406;</a></strong> </p>
<p></p>
<p>&#x8F6C;&#x8F7D;&#x8BF7;&#x81EA;&#x89C9;&#x6CE8;&#x660E;&#x51FA;&#x5904;&#xFF01;&#x6CE8;&#xFF1A;&#x6B64;&#x4EE3;&#x7801;&#x4EC5;&#x4F9B;&#x5B66;&#x4E60;&#x4EA4;&#x6D41;&#xFF0C;&#x8BF7;&#x52FF;&#x7528;&#x4E8E;&#x5546;&#x4E1A;&#x7528;&#x9014;&#x3002;</p>


</div>
</body>
</html>